/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 01:09
 */

import {StyleSheet, Platform, Dimensions} from 'react-native';
import {SCREEN_WIDTH,SCREEN_HEIGHT} from "../../../constant/PHScreen"
import {FONT_COLOR_TITLE, FONT_SIZE_TITLE} from "../../../constant/PHColors";

export const styles = StyleSheet.create({
    body:{
        width:SCREEN_WIDTH-20,
        marginLeft: 10,
        flex: 1,
        flexDirection:'column'
    },
    container: {
        flexDirection: 'row',   // 水平排布
        paddingLeft: 5,
        paddingRight: 5,
        paddingTop: Platform.OS === 'ios' ? 10 : 0,  // 处理iOS状态栏
        height: Platform.OS === 'ios' ? 70 : 55,   // 处理iOS状态栏
        backgroundColor: '#ffffff',
        alignItems: 'center'  // 使元素垂直居中排布, 当flexDirection为column时, 为水平居中
    },
    searchBox:{//搜索框
        height:35,
        flexDirection: 'row',   // 水平排布
        flex:1,
        borderRadius: 3,  // 设置圆角边
        backgroundColor: '#ffffff',
        alignItems: 'center',
        marginLeft: 5,
        marginRight: 5,
        paddingLeft:5,
        borderColor:'#dddddd',
        borderWidth: 1,
    },
    inputText:{
        flex:1,
        backgroundColor:'transparent',
        fontSize:15,
        paddingTop: 0,
        paddingBottom: 0,
        paddingLeft: 5,
    },

    listBody:{
        height: 40,
        flexDirection: 'row',
        backgroundColor: '#FFF',
        alignItems: 'center'
    },

    listTextBox: {
        flex: 1,
        flexDirection: 'row'
    },

    listLeftBox: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'flex-start'
    },

    listLeftBoxText: {
        fontSize: 17,
        color: FONT_COLOR_TITLE,
        marginLeft: 15
    },

    listLeftBoxTextTrue: {
        fontSize: 17,
        color: '#4C70FF',
        marginLeft: 15
    },

    arrowBox: {
        marginRight: 15
    },

    listPersonBody:{
        height: 55,
        flexDirection: 'row',
        backgroundColor: '#FFF',
        alignItems: 'center',
    },

    listPersonTextBox: {
        flex: 1,
        flexDirection: 'column'
    },

    listPersonLeftBox: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'flex-start'
    },

    listPersonPhoneBox :{
        flex: 1,
        justifyContent: 'center',
        alignItems: 'flex-start'
    },

    listPersonLeftBoxText: {
        fontSize: 16,
        color: FONT_COLOR_TITLE,
        marginLeft: 10
    },

    listPersonLeftBoxNum: {
        fontSize: 15,
        color: FONT_COLOR_TITLE,
        marginLeft: 10
    },

    listPersonArrowBox: {
        marginRight: 10
    },

    modalContainer: {
        flex: 1,
        backgroundColor: 'rgba(0, 0, 0, 0.3)'
    },

    modalBox:{
        alignItems:'center',
        backgroundColor:'white',
        marginTop: (Dimensions.get('window').height/2)-100,
        marginLeft: 25,
        marginRight: 25,
        width: SCREEN_WIDTH-50,
        borderRadius:5,
        flexDirection:'column',
        justifyContent:'flex-start',
    },

    modalTitle:{
        borderBottomColor:'#4C70FF',
        borderBottomWidth:2,
        height:50,
        width:SCREEN_WIDTH-50,
        alignItems:'center',
        justifyContent:'center',
    },

    modalTitleText:{
        fontSize:20,
        color:'black',
    },

    modalTitleTextNum:{
        fontSize:20,
        color:'#4C70FF',
    },

    modalCenter:{
        borderBottomColor:'#E5ECED',
        borderBottomWidth:1,
        height:43,
        width:SCREEN_WIDTH-50,
        alignItems:'center',
        justifyContent:'center',
    },

    modalBottom:{
        height:45,
        width:SCREEN_WIDTH-50,
        alignItems:'center',
        justifyContent:'center',
        borderTopColor:'#bdc4c5',
        borderTopWidth:1,
    },
});